import React, { PureComponent } from 'react'

import { Outlet, NavLink } from "react-router-dom";
export default class Profile extends PureComponent {
  render() {
    return (
      <div>
        <h2>Profile</h2>
        <NavLink to="expenses" className={({isActive}) => isActive ? "profile_active" : ""}>expenses</NavLink>
        <NavLink to="favorites" className={({isActive}) => isActive ? "profile_active" : ""}>favorites</NavLink>
        <Outlet></Outlet>
      </div>
    )
  }
}
